<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 浏览器在加载一个页面时，是按照自上向下的顺序加载的
			 * 如果JS代码写在页面的前面，在执行代码时，页面还没有加载完，会导致无法获取到DOM对象
			 */



			// 为window绑定一个onload事件
			window.onload = function() {
				// 该事件在页面加载完成之后触发，这样可以保证JS代码在所有的DOM对象加载完毕后再执行
				var btn = document.getElementById("btn");
				btn.onclick = function() {
					alert("hello");
				};
			};
			
		</script>
	</head>
	<body>
		
		<button id="btn">点我一下</button>
		
	</body>
</html>
